

<template>
  <div class="user-info">
    <div class="info-title">认证首页</div>
    <div class="info-box">
      <el-card shadow="never" class="mb">
        <div class="box-title">队伍认证</div>
      </el-card>
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  data () {
    return {
      userInfo: {}
    }
  },
  computed:{
    ...mapState({
      user:state => state.user.userInfo
    })
  },
  mounted() {
  },
  methods:{
  }
}
</script>
<style scoped>
ul li {
  list-style: none;
  padding: 0;
  margin-bottom: 10px;
  line-height: 28px;
}
ul li span {
  padding-left: 20px;
}
ul li .el-button {
  float: right;
}
.info-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.box-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.mb {
  margin-bottom: 20px;
}
</style>